*{
    margin:0px;
    padding:0px;
}
#total{
    width:1380px;
}

#top1{
    height:50px;
    background-color: #333333;
    color: aliceblue;
    line-height: 50px;
    font-size: 13px;
    position: relative;
}
a{
    text-decoration: none;
}
#top1 a:link{
    color: rgb(248, 232, 232);
}
#top1 a:visited{
    color: rgb(248, 236, 236);
}
#top1 a:hover{
    color: white;
}
#top1 a:active{
    color: white;
}
#top1 div{
    position: absolute;
    right:18%;
}
#top2{
    background-color: #FFFFFF;
    height:51px;
    text-align: center;
}
.top2-logo>img{
    height: 51px;
    width:123px;
    /* line-height: 51px; */
}
.top2-logo{
    float: left;
    margin-left:15%;
    width:123px;
    height:51px;
}
.top2-ul{
    height: 51px;
    float: left;
    margin-left: 60px;
    line-height: 51px;
}

ul,li{
    list-style: none;
    display:inline;
    margin-left: 15px;
}

.top2-ul-text{
    color:#7E8D87;
    font-size: 20px;
}
li>a:hover{
    color: #9D7453;
}
.search-img{
    float:left;
    margin-left: 200px;
    line-height: 51px;
}
.search-img img{
    width:25px;
    height: 25px;
    line-height: 51px;
}
input{
    float: left;
    width:250px;
    height:15px;
    border:0px;
    border-bottom:1px solid #E7E7E7;
    /* background-color:transparent; */
    outline:none;
    margin-top:25px;
    padding-bottom: 5px;
    padding-left: 10px;
}

input:focus{
    border-bottom:1px solid #333333;
}
.gouwuche{
    float: left;
    height: 51px;
}
.gouwuche img{
    width:30px;
    height: 25px;
    position:relative;
    margin-top: 15px;
}
#box{
    background-color: #E6EAED;
    height:2020px;

}
.page-list{
    width: 1380px;
    float:left;
    margin-top: 15px;
}
.page-list-span{
    margin-left: 15%;
}
.page-list span:first-child{
    font-size: 10px;
}
.page-list span:nth-child(2){
    font-size: 10px;
    color:#b5bec7;
}
#box1,#box2,#box3{
    margin-top:20px;
    float: left;
    width:100%;
}
.box1-title{
    margin-left: 15%;
}
.box1-main{
    margin-top:10px;
    margin-left: 15%;
}
.main1-1,.main2-1{
    float: left;
    width:240px;
    height:260px;
    background-color: #FFFFFF;
    text-align: center;
    margin-top: 5px;
}
.main1-2{
    /* position: relative;
    left:245px;
    top:-260px; */
    float: left;
    margin-left: 5px;
    width:240px;
    height:260px;
    text-align: center;
    background-color: #FFFFFF;
    margin-top: 5px;
}
.main1-3{
    /* position: relative;
    top:-520px;
    left:490px; */
    float: left;
    margin-left: 5px;
    width:240px;
    height:260px;
    text-align: center;
    background-color: #FFFFFF;
    margin-top: 5px;
}
.main1-4{
    /* position: relative;
    left:735px;
    top:-780px; */
    float: left;
    margin-left: 5px;
    width:240px;
    height:260px;
    text-align: center;
    background-color: #FFFFFF;
    margin-top: 5px;
}

img{
    width: 170px;
    height: 170px;
    line-height: 260px;
}

p{
    margin-top: 10px;
    font-size: 10px;
    color: #B1B3B0;
}
.price{
    color:red;
    margin-top: 17px;
    font-size: 15px;
}
.bottom-logo{
    float: left;
    margin-left:15%;
    width:123px;
    height:51px;
    margin-top: 10px;
}
.bottom-logo>img{
    width:123px;
    height:51px;
}
.bottom-p{
    float: left;
    margin-left: 220px;
    margin-top: 20px;
}
.bottom-img{
    float: left;
    margin-left: 40px;
    margin-top: 30px;
}
.bottom-img>img{
    width:100px;
    height:35px;
}
